<template>
  <div>
    <el-checkbox
      v-for="(item, index) in arr"
      :label="item.txt"
      v-bind:key="index"
      v-model="selArr"
      :disabled="selArr.length > 2 && !selArr.includes(item.txt)"
      @change="checked => item.isDisabled = checked"
    >{{item.txt}}</el-checkbox>
  </div>
</template>

<script>
export default {
  data() {
    return {
      sel: "",
      no: false,
      selArr: [],
      isDisabled: false,
      arr: [
        { txt: "退", isDisabled: false },
        { txt: "换", isDisabled: false },
        { txt: "代", isDisabled: false },
        { txt: "如", isDisabled: false }
      ],
      b: ['退', '换']
    };
  },
  methods: {}
};
</script>

<style scoped>
</style>